<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <link rel="stylesheet" href="../css/public.css"/>
    <link rel="stylesheet" href="../css/conmmodityLists.css"/>
</head>
<body>
<div class="header">
    <div class="nav">
        <div class="content">
            <ul>
                <li class="col-7 floatleft"><a href="##">手机美淘</a></li>
                <li class="col-1 text_right floatright loddpadding"><a href="##">登录</a></li>
                <li class="col-1 text_right floatright"><a href="##">免费注册</a></li>
                <li class="col-1 text_right floatright"><a href="##">帮助中心</a></li>
                <li class="col-2 text_right floatright"><a href="##">您好，欢迎来到美淘</a></li>
            </ul>
        </div>
    </div>
    <div class="select" >
        <div class="content" style="height:120px;">
            <div class="floatleft log col-3">
            </div>
            <div class="inputtextselect">
                <div class="grp">
                    <input class="text" type="text" />
                    <button class="soushuo"><a href="commodityLists.html">搜索</a></button>
                </div>
                <div class="rightfrp">
                    <div class="floatleft gouwuchelog"></div>
                    <button class="gouwuche">购物车</button>
                </div>
            </div>
            <ul class="remen">
                <li><a href="##">连衣裙</a></li>
                <li><a href="##">拖鞋</a></li>
                <li><a href="##">短裤</a></li>
                <li><a href="##">泳衣</a></li>
                <li><a href="##">长裙</a></li>
                <li><a href="##">凉鞋</a></li>
                <li><a href="##">双肩包</a></li>
                <li><a href="##">帽子</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="sectionPaly">
    <div class="nav">
        <div class="content">
            <ul class="nav">
                <li class="col-2 asideShow" style="min-width:210px "><a href="##">全部商品分类</a></li>
                <li><a class="active" href="index.html">首页</a></li>
                <li><a href="##">最热</a></li>
                <li><a href="##">上衣</a></li>
                <li><a href="##">裙子</a></li>
                <li><a href="##">鞋子</a></li>
                <li><a href="##">包包</a></li>
                <li><a href="##">配饰</a></li>
                <li><a href="##">更多</a></li>
            </ul>
            <div class="aside col-2" style="display: none;">   <!-- 旁边的导航-->
                <dl class="clear">
                    <dd><a href="##" class="titelcolor">每日精选</a></dd>
                    <dt class="col-4"><a href="##">雪纺衫</a></dt>
                    <dt class="col-4"><a href="##">泳衣</a></dt>
                    <dt class="col-4"><a href="##">连衣裙</a></dt>
                    <dt class="col-4"><a href="##">短裤</a></dt>
                    <dt class="col-4"><a href="##">凉鞋</a></dt>
                    <dt class="col-4"><a href="##">双肩包</a></dt>
                    <dt class="col-4"><a href="##">衣裙套装</a></dt>
                </dl>
                <dl class="clear">
                    <dd><a href="##" class="titelcolor">每日精选</a></dd>
                    <dt class="col-4"><a href="##">雪纺衫</a></dt>
                    <dt class="col-4"><a href="##">泳衣</a></dt>
                    <dt class="col-4"><a href="##">连衣裙</a></dt>
                    <dt class="col-4"><a href="##">短裤</a></dt>
                    <dt class="col-4"><a href="##">凉鞋</a></dt>
                    <dt class="col-4"><a href="##">双肩包</a></dt>
                    <dt class="col-4"><a href="##">衣裙套装</a></dt>
                </dl>
                <dl class="clear">
                    <dd><a href="##" class="titelcolor">每日精选</a></dd>
                    <dt class="col-4"><a href="##">雪纺衫</a></dt>
                    <dt class="col-4"><a href="##">泳衣</a></dt>
                    <dt class="col-4"><a href="##">连衣裙</a></dt>
                    <dt class="col-4"><a href="##">短裤</a></dt>
                    <dt class="col-4"><a href="##">凉鞋</a></dt>
                    <dt class="col-4"><a href="##">双肩包</a></dt>
                    <dt class="col-4"><a href="##">衣裙套装</a></dt>
                </dl>
                <dl class="clear">
                    <dd><a href="##" class="titelcolor">每日精选</a></dd>
                    <dt class="col-4"><a href="##">雪纺衫</a></dt>
                    <dt class="col-4"><a href="##">泳衣</a></dt>
                    <dt class="col-4"><a href="##">连衣裙</a></dt>
                    <dt class="col-4"><a href="##">短裤</a></dt>
                    <dt class="col-4"><a href="##">凉鞋</a></dt>
                    <dt class="col-4"><a href="##">双肩包</a></dt>
                    <dt class="col-4"><a href="##">衣裙套装</a></dt>
                </dl>
                <dl class="clear">
                    <dd><a href="##" class="titelcolor">每日精选</a></dd>
                    <dt class="col-4"><a href="##">雪纺衫</a></dt>
                    <dt class="col-4"><a href="##">泳衣</a></dt>
                    <dt class="col-4"><a href="##">连衣裙</a></dt>
                    <dt class="col-4"><a href="##">短裤</a></dt>
                    <dt class="col-4"><a href="##">凉鞋</a></dt>
                    <dt class="col-4"><a href="##">双肩包</a></dt>
                    <dt class="col-4"><a href="##">衣裙套装</a></dt>
                </dl>
                <dl class="clear lastdl">
                    <dd><a href="##" class="titelcolor">每日精选</a></dd>
                    <dt class="col-4"><a href="##">雪纺衫</a></dt>
                    <dt class="col-4"><a href="##">泳衣</a></dt>
                    <dt class="col-4"><a href="##">连衣裙</a></dt>
                    <dt class="col-4"><a href="##">短裤</a></dt>
                    <dt class="col-4"><a href="##">凉鞋</a></dt>
                    <dt class="col-4"><a href="##">双肩包</a></dt>
                    <dt class="col-4"><a href="##">衣裙套装</a></dt>
                </dl>
            </div>
        </div>
    </div>
</div>
<div class="section clear content">
        <div class="sectionSelect">
            <dl class="pList clear">
                <dt>品牌：</dt>
                <dd><a href="##">蔡银芳CAYINGFAIN</a></dd>
                <dd><a href="##">贝贝怡Borbay</a></dd>
                <dd><a href="##">薄沙点点bpplurian</a></dd>
                <dd><a href="##">博瑞恩 purebom</a></dd>
            </dl>
            <dl class="pList clear">
                <dt>通用性别：</dt>
                <dd><a href="##">女</a></dd>
                <dd><a href="##">男</a></dd>
                <dd><a href="##">通用</a></dd>
            </dl>
            <dl class="pList clear">
                <dt>适用年龄：</dt>
                <dd><a href="##">0-6个月</a></dd>
                <dd><a href="##">1-3个月</a></dd>
                <dd><a href="##">3-6个月</a></dd>
                <dd><a href="##">6-12个月</a></dd>
                <dd><a href="##">6岁以上</a></dd>
            </dl>
            <dl class="pList clear">
                <dt>适用季节：</dt>
                <dd><a href="##">春</a></dd>
                <dd><a href="##">夏</a></dd>
                <dd><a href="##">秋</a></dd>
                <dd><a href="##">冬</a></dd>
            </dl>
            <dl class="pList clear">
                <dt>参考身高：</dt>
                <dd><a href="##">100cm</a></dd>
                <dd><a href="##">52cm</a></dd>
                <dd><a href="##">59cm</a></dd>
                <dd><a href="##">66cm</a></dd>
                <dd><a href="##">73cm</a></dd>
                <dd><a href="##">80cm</a></dd>
                <dd><a href="##">85cm</a></dd>
                <dd><a href="##">90cm</a></dd>
                <dd><a href="##">95cm</a></dd>
                <dd><a href="##">其他</a></dd>
            </dl>
            <dl class="pList clear">
                <dt>面料：</dt>
                <dd><a href="##">其他</a></dd>
                <dd><a href="##">才兔</a></dd>
                <dd><a href="##">有机棉</a></dd>
                <dd><a href="##">棉混纺纱</a></dd>
                <dd><a href="##">竹纤维</a></dd>
                <dd><a href="##">精琉棉</a></dd>
                <dd><a href="##">纯棉(95%以上)</a></dd>
                <dd><a href="##">聚酯纤维</a></dd>
            </dl>
            <dl class="pList clear">
                <dt>价格：</dt>
                <dd><a href="##">30-130</a></dd>
                <dd><a href="##">130-580</a></dd>
                <dd><a href="##">580-1100</a></dd>
                <dd><a href="##">1100-1900</a></dd>
            </dl>
        </div>
</div>
<div class="sort content">
    <div class="sortlist col-12 clear">
        <p><a href="##" class="active">人气</a></p>
        <p><a href="##">销量</a></p>
        <p><a href="##">新品</a></p>
        <p><a href="##">价格</a></p>
        <p class="inputparent"><input type="text" placeholder="￥"/>-<input type="text" placeholder="￥"/></p>
        <p><input type="checkbox"/>只显示有货</p>
        <p class="sum">共计<span class="active">5165</span>个商品</p>
    </div>
    <div class="Exhibition">
        <ul class="bitionLists">
            <li class="first">
                <div style="background:#ffffff url('../imgs/310.jpg') no-repeat center center"></div>
                <p class="Price">￥57.90</p>
                <p class="name">夏季爱心短袖磨毛T恤</p>
            </li>
            <li>
                <div style="background:#ffffff url('../imgs/图1.jpg') no-repeat center center"></div>
                <p class="Price">￥57.90</p>
                <p class="name">夏季爱心短袖磨毛T恤</p>
            </li>
            <li>
                <div style="background:#ffffff url('../imgs/图1.jpg') no-repeat center center"></div>
                <p class="Price">￥57.90</p>
                <p class="name">夏季爱心短袖磨毛T恤</p>
            </li>
            <li>
                <div style="background:#ffffff url('../imgs/图1.jpg') no-repeat center center"></div>
                <p class="Price">￥57.90</p>
                <p class="name">夏季爱心短袖磨毛T恤</p>
            </li>
            <li class="first">
                <div style="background:#ffffff url('../imgs/图1.jpg') no-repeat center center"></div>
                <p class="Price">￥57.90</p>
                <p class="name">夏季爱心短袖磨毛T恤</p>
            </li>
            <li>
                <div style="background:#ffffff url('../imgs/图1.jpg') no-repeat center center"></div>
                <p class="Price">￥57.90</p>
                <p class="name">夏季爱心短袖磨毛T恤</p>
            </li>
            <li>
                <div style="background:#ffffff url('../imgs/图1.jpg') no-repeat center center"></div>
                <p class="Price">￥57.90</p>
                <p class="name">夏季爱心短袖磨毛T恤</p>
            </li>
            <li>
                <div style="background:#ffffff url('../imgs/图1.jpg') no-repeat center center"></div>
                <p class="Price">￥57.90</p>
                <p class="name">夏季爱心短袖磨毛T恤</p>
            </li>
        </ul>
    </div>
</div>
<div class="content footer clear">
    <div class="paging">
        <input type="button" value="1" />
        <input type="button" value="2" />
        <input type="button" value="3" />
        <p>...</p>
        <input type="button" value="15" />
        <input type="button" value=">" />
    </div>
</div>
</body>
<script src="../unis/require.js" data-main="../main/Lists"></script>
</html>